<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">

        <ng-container matColumnDef="uniqueId">
          <th mat-header-cell *matHeaderCellDef> UNIQUE ID. </th>
          <td mat-cell *matCellDef="let element"> {{element.uniqueId}} </td>
        </ng-container>
      
        <ng-container matColumnDef="title">
          <th mat-header-cell *matHeaderCellDef> TITLE </th>
          <td mat-cell *matCellDef="let element"> {{element.title}} </td>
        </ng-container>
        <ng-container matColumnDef="description">
          <th mat-header-cell *matHeaderCellDef> DESCRIPTION </th>
          <td mat-cell *matCellDef="let element"> {{element.description}} </td>
        </ng-container>
        
        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
      </table>
      